<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<title><ui:insert name="title">SISTEMAS DE REGISTRO NACIONAL DE OBRAS DE CONSTRUCCIÓN CIVIL</ui:insert></title>
	<h:outputStylesheet name="principal.css" library="css" />
	<h:outputStylesheet name="login.css" library="css" />
	<h:outputScript name="validacion.js" library="js" />
</h:head>

<h:body onload="javascript:window.history.forward(1);">

	<!-- Se va a usar Tablas para ordenarlo Se puede usar Div  -->

	<p:notificationBar position="top" effect="slide"
		widgetVar="barraAcualizacion" styleClass="barraActualizacionStyle"
		autoDisplay="#{loginBean.penienteActualizacion}">
		<h:outputText value="Su empresa tiene obras pendientes de actualizar" />
	</p:notificationBar>

	<table cellpadding="0" cellspacing="0" align="center" border="0"
		class="tablaPrincipal">
		<tr>
			<td colspan="2" style="padding: 0px;"><ui:insert name="cabecera">
					<p:graphicImage
						value="/resources/images/principal/cabecera_renocc.jpg" />
				</ui:insert></td>
		</tr>
		<tr>
			<td colspan="2" class="controlClase" align="left"><ui:insert
					name="datosUsuario">
					<h:panelGrid columns="8">
						<h:outputLabel value="RUC:" />
						<h:outputLabel value="#{loginBean.PGP_Usuario.v_ruc}" />
							&nbsp;&nbsp;&nbsp;
							<h:outputLabel value="RAZON SOCIAL:" />
						<h:outputLabel value="#{loginBean.PGP_Usuario.v_razn_Soc}" />							
							&nbsp;&nbsp;&nbsp;
							<h:outputLabel value="USUARIO:" />
						<h:outputLabel value="#{loginBean.PGP_Usuario.v_usuario}" />

					</h:panelGrid>
				</ui:insert></td>
		</tr>

		<tr>
			<td colspan="1" style="padding: 0px; vertical-align: top;"><ui:insert
					name="menu2">
					<h:form id="formMenu2" styleClass="menuClase">
						<p:menu model="#{menuBean.menuModel}" />
					</h:form>
				</ui:insert></td>
			<td style="vertical-align: super; padding: 0px;" colspan="1">
				<div id="contenido" class="contenidoClase">
					<ui:insert name="contenido">
					</ui:insert>
				</div> <p:dialog showHeader="false" modal="true" widgetVar="statusDialog"
					header="Status" draggable="false" closable="false"
					position="center" resizable="false">
					<h:outputText value="Espere porfavor..." />
					<br />
					<p:graphicImage value="/resources/images/iconos/Ajaxloading.gif" />
				</p:dialog>
			</td>
		</tr>
		<tr>
			<td colspan="2" style="padding-top: 5px;"><ui:insert name="pie">
					<fieldset style="margin: 0px; border: 1px solid #D8DCDF;">

						<table width="100%" border="0" cellpadding="0" cellspacing="0"
							align="center" style="margin: 0px;">
							<tr>
								<td width="6%" rowspan="2" style="vertical-align: middle;"
									align="center" valign="top"><p:graphicImage
										value="/resources/images/principal/logo_mtpe.png" /></td>
								<td width="94%" height="19" align="left" valign="middle"
									class="contenido_negrita">Elaborado por la Oficina General
									de Estadística y Tecnologías de la Información y Comunicaciones
									y la Dirección General del Trabajo</td>
							</tr>
							<tr>
								<td height="23" align="left" valign="top"
									class="contenido_especial">Copyright © 2014 REGISTRO
									NACIONAL DE OBRAS DE CONSTRUCCI&Oacute;N CIVIL. Todos los
									Derechos Reservados</td>
							</tr>
						</table>

					</fieldset>
				</ui:insert></td>
		</tr>
	</table>


</h:body>
</html>
